<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
    <link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
    <script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
    <script src="https://how2j.cn/study/vue.min.js"></script>
    <script src="https://how2j.cn/study/axios.min.js"></script>
</head>
        <body>
              <div id="div1">
                  <div style="width: 500px">
                      <div class="input-group">
                          <span class="input-group-addon" >姓名</span>
                          <input readonly type="text" class="form-control" name="name" :value="resume.name" >
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >性别</span>
                          <input readonly type="text" class="form-control" name="gender" :value="resume.gender">
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >生日</span>
                          <input readonly type="text" class="form-control" name="birthdayStr" :value="resume.birthday" placeholder="格式:yyyy-MM-dd">
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >民族</span>
                          <input readonly type="text" class="form-control" name="nation" :value="resume.nation">
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >籍贯</span>
                          <input readonly type="text" class="form-control" name="place" :value="resume.place">
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >电话</span>
                          <input readonly type="text" class="form-control" name="phone" :value="resume.phone">
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >邮箱</span>
                          <input readonly type="text" class="form-control" name="email"  :value="resume.email">
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >地址</span>
                          <input readonly type="text" class="form-control" name="address" :value="resume.address">
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >毕业学校</span>
                          <input readonly type="text" class="form-control" name="finishSchool" :value="resume.finishSchool">
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >专业</span>
                          <input readonly type="text" class="form-control" name="major" :value="resume.major">
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >毕业时间</span>
                          <input readonly type="text" class="form-control" name="finishTimeStr" :value="resume.finishTime" placeholder="格式:yyyy-MM-dd">
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >学历</span>
                          <input readonly type="text" class="form-control" name="education" :value="resume.education">
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >政治面貌</span>
                          <input readonly type="text" class="form-control" name="politicalOutlook" :value="resume.politicalOutlook">
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >获奖经历</span>
                          <textarea readonly type="text" class="form-control" name="winningExperience" >{{resume.winningExperience}}</textarea>
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >实习经历</span>
                          <textarea readonly type="text" class="form-control" name="internshipExperience" >{{resume.internshipExperience}}</textarea>
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >校内经历</span>
                          <textarea readonly type="text" class="form-control" name="schoolExperience" >{{resume.schoolExperience}}</textarea>
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >所学技能</span>
                          <textarea readonly type="text" class="form-control" name="comprehensiveSkills" >{{resume.comprehensiveSkills}}</textarea>
                      </div>
                      <div class="input-group">
                          <span class="input-group-addon" >个人介绍</span>
                          <textarea readonly type="text" class="form-control" name="introduceOneself" >{{resume.introduceOneself}}</textarea>
                      </div>
                  </div>
              </div>
        </body>


        <script>
            function GetQueryString(name)
            {
                var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if(r!=null)return  unescape(r[2]); return null;
            }
            new Vue({
                el:'#div1',
                data:{
                    resume:{}
                },
                mounted:function(){ //mounted　表示这个 Vue 对象加载成功了
                    var self = this
                    var id=GetQueryString("resumeId");
                    axios.get("/company/findResume?resumeId="+id).then(function(response) {
                        self.resume= response.data; //此时还是字符串
                    })
                },
                methods:{

                }
            })

        </script>
</html>
